<!DOCTYPE html>
<html>
	<head>
		
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/register.css"/>
		<link rel="stylesheet" type="text/css" href="./Public/hdjs/hdjs.css"/>
		<script src="./Public/Common/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script src="./Public/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>
		
		<style type="text/css">
			#register .success{
				color: green;
				font-size: 12px;
			}
			
			#register .error{
				color: red;
				font-size: 12px;
			}
			
			.container h3 a{
				color: #00C0F4;
			}
			
			
			      ::-webkit-input-placeholder {
                        font-size: 12px;
                        color: black;
                        opacity: 0.3;
                   }
                 :-moz-placeholder {/* Firefox 18- */
                        font-size: 12px;
                        color: black
                        opacity: 0.3;
                   }
                 ::-moz-placeholder{/* Firefox 19+ */
                        font-size: 12px;
                        color: black;
                        opacity: 0.3;
                   }
                 :-ms-input-placeholder {
                        font-size: 12px;
                        color: black;
                        opacity: 0.3;
                  }
			
		</style>
	</head>
	<body>
		
		<div id="header">
			<div class="login">
				<p><a href="index.php">|&nbsp;云端商城</a></p>
			</div>
		</div>
		
		<div id="main">
			<div class="container">
				<h3><a href="{{U('reg')}}">没有云端账号->去注册</a></h3>
				<p>云端帐号是您用于访问所有云端服务的帐号。使用云端帐号登录后，您将可以使用云服务、云端商城、花粉俱乐部、应用市场、EMUI产品、云端网盘和开发者联盟。</p>
                <div class="reg_con">
                	<form id="register" onsubmit="return hd_submit(this,'{{U('login')}}','{{U('Qzone/index')}}')">			
							<!--输入用户名-->
							<label for="account">用户名：</label>
							<input type="text" required="required" autocomplete="off" name="account" id="account" class="auth" placeholder="请输入用户名"/>
						    <!--设置用户名结束-->
						    </br>
						    <!--设置密码-->
							<label for="password">密 &nbsp;码：</label>
							<input type="password" required="required" autocomplete="off" name="password" id="password" class="auth" placeholder="请输入密码">
							<!--设置密码结束-->
						    </br>

							  <!--验证码验证-->
						    <label for="code">输入验证码：</label>
							<input type="text" required="required" autocomplete="off" name="code" id="code" class="auth" placeholder="请输入验证码">
							<span  id="codeinfo" class="codeinfo"><img src="{{U('code')}}" onclick="this.src='{{U('code')}}'+'&t='+Math.random()"/></span>
							<!--验证码验证-->
							</br>
							<button type="submit" class="button"/>登录</button>
							<button type="reset" class="reset" />重置</button>
							
		            </form>
                </div>
			</div>
		</div>
		
		
		<!--<script type="text/javascript">
			$(function(){
                //用户名判断
				$('#username').blur(function(){
					var u_data=$(this).val(); 
						if(u_data ==''){
							$(this).data({'s':0});
							$('#usernameinfo').fadeIn().removeClass().addClass('error').text('请输入用户名');
						}else{
							$(this).data({'s':1});
							$('#usernameinfo').fadeOut();
						}
				});
                 //用户名判断结束
                 //密码判断开始
                 $('#password').blur(function(){
                 	var p_data=$(this).val();                 	
						if($(this).val()==''){
							$(this).data({'s':0});
							$('#passwordinfo').fadeIn().addClass('error').text('请输入密码');
						}else{
							$(this).data({'s':1});
							$('#passwordinfo').fadeOut();
						}
                });
               //密码判断结束
               
               //判断验证码
                $('#code').blur(function(){
                 	var c_data=$(this).val();                 	
						if(c_data ==''){
							$(this).data({'s':0});
							$('#codeinfo').fadeIn().addClass('error').text('请输入验证码');
						}else{
							$(this).data({'s':1});
							$('#codeinfo').fadeOut();
						}
                });
               //判断验证码结束
               
               //点击提交按钮验证
               $('#register .button').click(function(){
               	   $('#username').blur();
               	   $('#password').blur();

               	
               	
               	   var total=0;
               	   $('.auth').each(function(){
               	   	 total+=$(this).data('s');
               	   })
               	   
               	   if(total==2){
               	   	$('form').submit();
               	   }
               	
               })
               //点击提交按钮验证结束 
               
               //点击重置按钮
               $('#register .reset').click(function(){
               	$('#register span').fadeOut();
               });
               //点击重置按钮结束
			});
		</script>-->
    
	</body>
</html>
